<div class="container">
    <header>
    </header>
    <main>
        <!-- <a href=""> <img src="./img/go_load_new.png" alt=""></a> -->
        <div>
            <div class="search">
                <a href="###">
                    <i class="yo-ico">&#xe60b;</i>
                    <img src="./images/juanpi.png" alt="">
                    <span>搜索</span>
                </a>
                <span><img src="../images/btn_search.png" alt=""></span>
    
            </div>
            <div class="banner">
                <!-- <ul>
                    <li><img src="./images/banner2.png" alt=""></li>
                    <li><img src="./images/banner3.jpg" alt=""></li>
                </ul> -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./images/banner1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/banner2.png" alt=""></div>
                        <div class="swiper-slide"><img src="./images/banner3.jpg" alt=""></div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
    
                    <!-- 如果需要导航按钮 -->
                    <!-- <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div> -->
    
                    <!-- 如果需要滚动条 -->
                    <!-- <div class="swiper-scrollbar"></div> -->
                </div>
            </div>
            <div class="nav-img">
                <div>
                    <a href=""><img src="./images/zuihoufengqiang.png" alt=""></a>
    
                </div>
                <div>
                    <a href=""><img src="./images/xianshimiaosha.png" alt=""></a>
    
                </div>
                <div>
                    <a href=""><img src="./images/pinpaitemai.png" alt=""></a>
    
                </div>
                <div>
                    <a href=""><img src="./images/shenghuochaoshi.png" alt=""></a>
                </div>
    
            </div>
            <div class="fast-link">
                <a href="###" class="f-left">
                    <img src="../images/miaosha.gif" alt="">
                    <!-- <div>
                        <p>限时秒杀</p>
                        <span>畅意乳酸菌12瓶</span>
                        <img src="" alt="">
                    </div> -->
                </a>
                <div class="f-right">
                    <a href="">
                        <img src="../images/qingcang.png" alt="">
                        <!-- <div>
                            <p>品牌清仓</p>
                            <span>奔仔夏日童鞋专场</span>
                        </div> -->
                    </a>
                    <a href="">
                        <img src="../images/baoyou.png" alt="">
                        <!-- <div>
                            <p>品牌清仓</p>
                            <span>奔仔夏日童鞋专场</span>
                        </div> -->
                    </a>
                </div>
    
            </div>
            <div class="promotion">
                <a href=""><img src="../images/manjian.gif" alt=""></a>
            </div>
            <div class="koubei">
                <img src="../images/koubai.png" alt="">
            </div>
            <div class="list">
                <div class="list-nav">
                    <span class="active">精选专场</span>
                    <span>精选单品</span>
                </div>
                <div id="products-container">
    
                </div>
            </div>
        </div>
    </main>
    <div id="footer"></div>
</div>
<div class="list-nav" id="top-menu">
    <span class="active">精选专场</span>
    <span>精选单品</span>
</div>